<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>附件模板</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 顶部 start -->
	<div class="header">
		<a href="" class="logo">智慧安全云平台</a>
		<div style="display:flex;align-items:center;margin-right:50px;">
			<!-- 消息 start -->
			<div class="pos-r bignews" style="margin-right:20px;">
				<i class="iconfont icon-xiaoxi color-f cursor-p" style="font-size:32px;"></i>
				<div class="news pos-a bg-f b-box"
					style="width:340px;top:53px;right:-80px;z-index: 10;border-radius:5px;box-shadow: 0px 5px 20px #ccc;">
					<div class="b-box" style="padding:20px;">
						<div class="b-box font14 color-3"
							style="height:30px;border-bottom: 3px solid #5575d7;width: 58px;">消息通知</div>
						<div>
							<!-- 有消息 start -->
							<div style="margin-top:10px;border-bottom: 1px solid #EAEDF2;">
								<div class="font14">
									<span class="overflow-h2 color-3" style="line-height:26px;">你好呀是是是的好地方和if好</span>
									<span class="color-9 l-ht40">2019-03-01 11:49</span>
								</div>
							</div>
							<a href="#" class="more fr font14 color-6" style="margin:20px 20px 20px 0;">查看更多</a>
							<!-- 有消息 end -->
							<!-- 无消息 start -->
							<div class="ht40 l-ht40 text-c font14 color-3">
								暂无消息
							</div>
							<!-- 无消息 end -->
						</div>
					</div>
				</div>
			</div>
			<!-- 消息 end -->
			<!-- 个人资料 start -->
			<div class="pos-r biginfo">
				<i class="iconfont icon-touxiang color-f cursor-p" style="font-size:40px;"></i>
				<div class="info pos-a bg-f b-box"
					style="width:340px;height:172px;top:53px;right:-20px;z-index: 10;border-radius:5px;box-shadow: 0px 5px 20px #ccc;">
					<div class="b-box" style="height:100px;padding:20px 0 20px 20px;border-bottom: 1px solid #EAEDF2;">
						<img src="../images/avtar.png" alt="" class="radius-circle" style="width:60px;height:60px;">
						<div class="display-ib vertical-a-t" style="margin-left:30px;">
							<div class="font14 color-3">周大发</div>
							<input type="button" value="我的个人信息" class="btn" style="width:110px;margin-top:10px;">
						</div>
					</div>
					<input type="button" value="退出" class="cbtn fr" style="width:50px;margin: 20px 20px 0 0;">
				</div>
			</div>
			<!-- 个人资料 end -->
		</div>
	</div>
	<!-- 顶部 end -->
	<!-- 左侧菜单导航 start -->
	<div class="pos-f text-c ht100 color-f" style="width:200px;z-index:99;padding-top:60px;background: #3A4253;">
		左侧菜单控件
	</div>
	<!-- 左侧菜单导航 end -->
	<!-- 内容 start -->
	<div class="w100" style="margin-top: 60px;height: calc(100% - 60px);background: #EAEDF2;">
		<!-- 页面名称 start -->
		<div class="ht40 l-ht40 bg-f pos-f font14 color-3" style="left:200px;right:0;z-index: 4;padding-left:20px ">
			<i class="iconfont icon-weizhang"></i>
			<span>事故事件模板</span>
		</div>
		<!-- 页面名称 end -->
		<!-- 主内容 start -->
		<div style="padding-left:220px;padding-top: 60px;">
			<!-- content start -->
			<div class="pos-r overflow-h bg-f">
				<!--左部内容 start-->
				<div class="display-ib p20 pos-r vertical-a-t color-3" style="height:100%;">
					<div style="padding:0 20px;">
						<div class="w-jichu-btn w-bg-themef" style="width:200px;padding-left:20px;">突发事件
							<div class="display-ib fr" style="padding-right:20px;">已设置</div>
						</div>
						<div class="w-jichu-btn w-bg-f6" style="width:200px;padding-left:20px;margin-top:10px;">
							事故记录<div class="display-ib fr color-red" style="padding-right:20px;">未设置</div>
						</div>
					</div>
				</div>
				<!--左部内容 end-->
				<!--右部内容 start-->
				<div class="pos-r display-ib p20" style="width:60%;border-left:2px solid #EAEDF2;min-height: 600px;">
					<div>
						<div class="ht30 l-ht30 b-box" style="border-left:3px solid #5575d7;margin-bottom: 20px;">
							<span class="display-ib color-6 font12" style="padding-left:10px;">附件模板</span>
							<div class="display-ib fr" style="padding-right:50px;">
								<input type="button" class="btn" value="保存" style="width:50px;margin-left: 15px;">
							</div>
						</div>
						<div class="">
							<div class="ht40 l-ht40 font12 color-6">
								<span class="display-ib text-r" style=" width:80px;">模板名称：</span>
								<input type="text" style="width:300px;">
							</div>
							<div class="ht40 l-ht40 font12 color-6">
								<span class="display-ib text-r" style=" width:80px;">模板附件：</span>
								<i class="pos-r iconfont icon-icon02 font22 cursor-p" title="添加模板" style="top:2px;"></i>
								<span class="display-ib color-theme">突发事件附件模板.doc</span>
							</div>
						</div>
					</div>
				</div>
				<!--右部内容 end-->
			</div>
			<!-- content end -->
		</div>
		<!-- 主内容 end -->
	</div>
	<!-- 内容 end -->

</body>

</html>
